#include("common.html")
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
</head>

<body class="">
<style type="text/css">@media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
<!-- 样式 S -->
<style type="text/css" lang="less">/* 区块样式 */ #ordersub .marginTop{margin-top:10px;} #ordersub .cart-title{font-weight:600;} #ordersub .red{color:#cb3029;} #ordersub .van-card{background:#fff;border-bottom:1px solid #eee;} #ordersub .van-card__img{} #ordersub .van-card:not(:first-child){margin-top:0;} #ordersub .weight{color:#999;font-size:12px;} #ordersub .van-cell__value{width:40px;} #ordersub .express .van-cell__title, .van-cell__value{-webkit-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;flex: 1 1 auto;} /* tips样式 */ #ordersub .add_address {color: #38f;} /* 地址簿样式 Start */ #ordersub .van-address-list__edit{right:30px} #ordersub .van-address-list{height:93%;padding-bottom:0;position: relative;} #ordersub .van-radio-group{/* height:94%; */overflow-y:scroll;} #ordersub .addrList{top:10%;padding-bottom:50px} /* 地址簿样式 End */ /* 包裹拆分样式 Start */ #ordersub .splitpkg{background-color:#ffffff;height:100%;} #ordersub .splitpkg .van-button{border-radius: 0px;position:fixed;bottom:0;left:0;} #ordersub .splitpkg .van-cell__title{ -webkit-box-flex: 10; -webkit-flex: 10; flex: 10; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} /* #ordersub .splitpkg .van-cell:not(:last-child)::after{border:0}*/ #ordersub .pkg_title {margin: 0;font-weight: 600;font-size: 2rem;color: #333333;padding: 1rem 0 0 1rem;} #ordersub .pop_close_btn {position: fixed;} /* 包裹拆分样式 End */ /* 下单结果样式 Start */ #message .van-circle{margin-left:-50px;left:50%;top:20%;margin-top:50px;} #message .text-center{text-align:center;} #message .p1{margin:10px 0 5px 0;} #message .p2{margin:0 0 20px 0;color:#666;} #message .icon{font-size:100px;left:50%;margin-left:-50px;margin-top:50px;} #message .marginTop{margin-top:15px;} #message .van-cell .van-cell__title{color:#999;} .van-submit-bar__price::first-letter{font-size:inherit} /* 下单结果样式 End */ .van-card{padding: 10px 15px;} #order_content{padding-bottom:90px;} #order_content .van-contact-card{ padding: 10px 15px; } .coupon_pop .van-coupon-item__content{ padding: 10px; } .coupon_pop .van-coupon-item__head{ min-width: 110px; text-align: center; } .cost-content{ padding: 5px 0px 0px; box-sizing: border-box; background-color: #fff; } .cost-content .van-cell__title{ color: #969799; } .cost-content .van-cell{ line-height: 12px; padding: 5px 15px; font-size: 12px; } .order-amount-cell{ padding: 5px 15px !important; } .order-amount-cell .van-cell__title{ color: #323233; font-size: 14px; font-weight: 600; } .order-amount-cell .van-cell__value{ color: #323233; font-size: 14px; font-weight: 600; } .cost-group .van-cell{ font-weight:600; padding: 5px 15px; margin-top: 10px; } .order-amount .van-cell__value{ color: #f44; } .card-content{ margin-top: 10px; } .card-content .van-card__thumb{ width: 60px; height: 60px; } .card-content .van-card__content{ height: 70px; } .card-content .van-cell{ padding: 5px 15px; font-size: 12px; line-height: 18px; } .discounts-icon{ margin-left: 5px; float: left; margin-top: 2px; } .cost-use{ padding: 10px 15px; background-color: #fdfdfd; position: relative; } .cost-use .van-cell{ line-height: 12px; padding: 5px 15px; font-size: 12px; background-color: #eee; } .cost-use .van-cell__value{ font-size: 16px; } .cost-use-detail{ color: #969799; font-size: 10px; text-align: right; width: 100%; } .cost-use-account{ color: #969799; font-size: 12px; width: 100%; padding: 2px 0px; box-sizing: border-box; } .cost-use-actually{ color: #323233; font-size: 14px; width: 100%; font-weight: 600; } .use-actually-right{ color: #f44; font-size: 16px; float: right; } .order-line-content{ height: 10px; position: relative; background-color: #fff; } .order-line{ width: 90%; border-bottom: 1px solid #eee; position: absolute; bottom: 0; left: 0; } .order-line2{ width: 7%; border-bottom: 1px solid #eee; position: absolute; bottom: 0; right: 0; } .arrow-icon{ position: absolute; bottom: -4px; left: 90%; color: #eee; } .splitpkg .van-panel{margin: 0.5rem 0;} .splitpkg .van-cell{font-size: 12px;line-height:20px;} .suspend{ width: 100%; height: 100%; position: relative; z-index: 999; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; } .suspend-content{ width: 244px; height: 55px; position: fixed; top: 70%; z-index: 900; } .suspend-content-left{ width: 44px; height: 40px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 8px; padding: 3px; box-sizing: border-box; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top: 10px; float: left; } .suspend-icon{ float: left; width: 10px; height: 30px; padding: 5px 0px; margin-right: 3px; font-size: 14px; } .suspend-navigation{ float: left; width: 25px; height: 30px; padding: 5px 0px; box-sizing: border-box; font-size: 10px; } .suspend-navigation2{ float: left; width: 25px; height: 30px; padding: 10px 0px; box-sizing: border-box; font-size: 10px; } .suspend-content-right{ width: 200px; height: 60px; background-color: #fff; float: left; border-top-left-radius:5px; border-bottom-left-radius:5px; padding: 15px 10px; box-sizing: border-box; } .suspend-content-right .van-col{ text-align: center; } .suspend-contact{ font-size: 20px; } .suspend-contact-text{ font-size: 10px; transform: scale(0.7); } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .van-submit-bar{ border-top: 1px solid #eee; } /*.coupon_pop .van-radio{ padding: 0px 15px; border-bottom: 1px solid #eee; }*/ /*.send_radio .van-radio__label{ width: 90%; }*/ .borderColor1{border-left:10px solid #199ED8;} .borderColor2{border-left:10px solid #FF3366;} .borderColor3{border-left:10px solid #3366FF;} .card-content .van-card__price{ color: #7d7e80; } .submit-bar{ z-index:100; position:fixed; bottom:0; left:0; width:100%; -webkit-user-select:none; user-select:none; border-top:1px solid #eee; } .submit-bar__bar{ display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; height:50px; background-color:#fff; font-size:14px; } .submit-bar__text{ -webkit-flex:1; flex:1; color:#333; font-weight:500; text-align:right; } .submit-bar__price{ color:#f44; font-size:18px; padding-right:12px; } .submit-bar__currency{ font-size:14px; } .submit-bt{ border-radius:0; width:110px; height:50px; line-height:48px; color:#fff; background-color:#f44; position:relative; padding:0; display:inline-block; box-sizing:border-box; font-size:16px; text-align:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               vertical-align:middle; -webkit-appearance:none; -webkit-text-size-adjust:100%; } .fr{ float: right; }</style>
<!-- 样式 End -->
<!--样式-->
<style type="text/css">
body {font-family: "Microsoft YaHei";font-size: 0.7rem;color: #333;line-height: 0.7rem;width: 100%;background: #f2f2f2;}
em {font-style: normal}
li {list-style: none}
a {text-decoration: none;outline: 0;color: #333;}
.center{ text-align:center}

/*************************************页面开始************************************/
header{background: #3bc25c;width: 100%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 0.9rem;position: fixed;left: 0;top: 0;z-index: 97;border-bottom:1px solid #efefef; }
header ._left {display: block;position: absolute;left: 0;top: 0;}
header ._left img {height: 1rem;margin:0 0 0 0.6rem;}
header ._right {display: block;position: absolute;right: 0.6rem;top: 0; font-size:0.8rem; color:#f00}
header ._right a{ color:#fff}
header span{ color:#fff}

.contaniner {width: 100%; margin-top:2.5rem}
img {border: 0;vertical-align: middle;}
.textfl { text-align:left}
.textfr { text-align:right}

.pay_img{ width:100%;}
.pay_img img{ width:100%;}
.payTime{ width:100%; background:#fff; margin-bottom:10px; font-size:12px; color:#999; font-weight:300; }
.payTime li{ width:100%; height:30px; line-height:30px; text-align: left;}
.payTime strong{ font-size:24px; color:#333}
.payTime span{ font-size:14px}

.pay { width:100%; height:300px; position:relative; }
.show{ width:100%; position:absolute; top:0; left:0}
.show li{ width:100%; height:60px; line-height:60px;list-style:none; background:#fff;border-bottom:1px solid #eee}
.show img{ width:40px; height:40px; margin-left:10px; margin-right:10px;}
.show input[type="radio"]{display:none;}
.show input[type="radio"] + span{border:1px solid #CCCCCC;border-radius:20px;width:20px; height:20px; float:right; margin-top:20px;margin-right:20px;}
.show input[type="radio"]:checked + span{border:1px solid #66c068;border-radius:20px;background:url(#(tpath)/static/images/checkbox-on.png) no-repeat;background-size: 20px 20px;}

.showList{ width:100%; position:absolute; top:183px; left:0}
.showList li{ width:100%; height:60px; line-height:60px; list-style:none; background:#fff;border-bottom:1px solid #eee}
.showList img{ width:40px; height:40px; margin-left:10px; margin-right:10px;}
.showList input[type="radio"]{display:none;}
.showList input[type="radio"] + span{border:1px solid #ccc;border-radius:20px;width:20px; height:20px; float:right; margin-top:20px;margin-right:20px;}
.showList input[type="radio"]:checked + span{border:1px solid #66c068;border-radius:20px;background:url(#(tpath)/static/images/checkbox-on.png) no-repeat;background-size: 20px 20px;}

label{width: 100%;height: 60px;display: inline-block;}


.book-recovery-bot2{ width: 100%; position:fixed; bottom: 0;left: 0; height: 60px; line-height: 60px;background:#65bf67;}
.book-recovery-bot2 div{ width: 100%; height: 100%; float: left;}
.book-recovery-bot2 a{ color: #fff;font-size: 0.75rem; text-align: center; display: block;}

.payBottom{ width:100%; height:60px; line-height:60px; text-align:center; background:#65bf67; color:#fff; position:absolute; bottom:0; left:0; font-size:16px}
.payBottom li{ width:50%; height:60px; float:left}
.payBottom span{ font-size:24px; margin-top:10px}

.sucess_information3 { color: #6c6e6d; font-size: 14px; line-height: 22px;  }

.submit-bar__bar{ display: flex; -webkit-align-items: center; align-items: center; height: 50px; background-color: #fff; font-size: 14px; }
</style>
<!-- 样式 End -->
<!-- 内容 Start -->
<div id="orderdetail" class="container">
    <div class="content">
        <input type="hidden" id="orderSn" value="#(order.sn)"/>
        <input type="hidden" id="orderId" value="#(order.id)"/>
        <input type="hidden" id="orderAmount" value="#(order.amount)"/>
        <div class="payTime">
            <li class="sucess_information3">订单：#(order.sn)</li>
            <li class="sucess_information3">订单总金额：￥#(order.amount)</li>
            <li class="sucess_information3">应付金额：￥#(order.amount)</li>
        </div>
        <!--支付 star-->
        <div class="pay">
            <div class="show" id="payment">
                <li><label><img src="#(tpath)/static/images/weixin.png" >微信支付<input name="Fruit" type="radio" value="" checked paymentMethod="WEIXINPAY_WECHAT"/><span></span></label> </li>
                <li><label><img src="#(tpath)/static/images/zhifubao.png" >支付宝支付<input name="Fruit" type="radio" value="" paymentMethod="ALIPAY_WAP"/><span></span></label> </li>
                <li><label><img src="#(tpath)/static/images/yue.png" >余额支付(账户当前余额:#(member.amount))<input name="Fruit" type="radio" value="" paymentMethod="BALANCE" amount="#(member.amount)"/><span></span></label> </li>
            </div>
        </div>
        <!--支付 end-->
        <!----></div>
    <div class="submit-bar">
        <!---->
        <div class="submit-bar__bar">
            <button class="bt-submit" style="background-color: rgb(42, 101, 170);" id="payBtn">确认支付</button></div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">

    $("#payBtn").on("click",function(){
        var currentLi = $("#payment input:checked");
        var paymentMethod = currentLi.attr("paymentMethod");
        if(paymentMethod=="BALANCE"){
            var amount = currentLi.attr("amount");
            var orderAmount = $("#orderAmount").attr("amount");
            if(parseFloat(orderAmount)>parseFloat(amount)){
                alert("账户余额不足");
                return;
            }
        }
        var orderSn = $("#orderSn").val();
        var paymentType = "ORDER";
        location.href="#(base)/payment/pay?paymentMethod="+paymentMethod+"&sn="+orderSn+"&paymentType="+paymentType;
    });

</script>